<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/borrow.css">
</head>
<body>
    <div class="all">
        <div class="left">
            <div class="left_top">
                <p>读</p>
            </div>
            <div class="left_banner">
                <a href="#"><ul><b>用户管理</b></ul></a>
                    <ul>
                        <b>借阅管理</b>
                        <a><li>借阅</li></a>
                        <a><li>归还</li></a>
                        <a><li>记录</li></a>
                        <a><li>过期</li></a>
                    </ul>
                <a href="#"><ul><b>图书列表</b></ul></a>
            </div>
        </div>
        <div class="right">
            <div class="right_body">
                <div class="right_top">
                    <div class="right_left_top">
                        <div class="left_shu"></div>
                        <p>图书借阅</p>
                    </div>
                    <div class="top_right">
                        <img src="../image/搜索.png" alt="">
                        <img src="../image/问号.png" alt="">
                    </div>
                </div>

                <div class="right_body_gd">
                    <div class="nav">
                        <ul class="navlist">
                            <!-- 下拉 -->
                            <li class="btli" >
                                <a href="#">电子书 </a>
                                <ul class="droplist">
                                    <li><a href="#">我很豪庭</a></li>
                                    <li><a href="#">我很豪庭</a></li>
                                    <li><a href="#">我很豪庭</a></li>
                                </ul>
                            </li>
                            <li class="btli" >
                                <a href="#">有声读物 </a>
                                <ul class="droplist">
                                    <li><a href="#">我很豪庭</a></li>
                                    <li><a href="#">我很豪庭</a></li>
                                    <li><a href="#">我很豪庭</a></li>
                                </ul>
                            </li>
                            <li class="btli" >
                                <a href="#">Comics </a>
                                <ul class="droplist">
                                    <li><a href="#">我很豪庭</a></li>
                                    <li><a href="#">我很豪庭</a></li>
                                    <li><a href="#">我很豪庭</a></li>
                                </ul>
                            </li>
                            <li class="btli" style="width: 150px;">
                                <a href="#">Children’s book </a>
                                <ul class="droplist">
                                    <li><a href="#">我很豪庭</a></li>
                                    <li><a href="#">我很豪庭</a></li>
                                    <li><a href="#">我很豪庭</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="gd_right">
                        <div class="one"><a href="#"><img src="../image/退出 (1).png" alt="">   您的书房</a></div>
                        <div class="one"><a href="#"><img src="../image/退出 (1).png" alt="">   您的心愿单</a></div>
                    </div>
                </div>
                <div class="lbt">
                    <ul class="images">
                        <li class="img"></li>
                        <li class="img"></li>
                        <li class="img"></li>
                        <li class="img"></li>
                    </ul>
                    <ul class="min">
                        <li class="m"></li>
                        <li class="m"></li>
                        <li class="m"></li>
                        <li class="m"></li>
                    </ul>
                    <div class="button">
                        <div class="button-left">&lt;</div>
                        <div class="button-right">&gt;</div>
                    </div>
                </div>
                <div class="tj">
                    <div style="display: flex;font-size: 35px;"> <img src="../image/热门.png" alt=""> <b>热门推荐</b></div>
                    <div class="lb">图书列表 ></div>
                </div>
                <div class="footer">
                    <div class="box">
                        <div class="man"><img src="../image/三国演义.jpeg" alt=""></div>
                        <div class="man"><img src="../image/水浒传.jpg" alt=""></div>
                        <div class="man"><img src="../image/西游记.jpg" alt=""></div>
                        <div class="man"><img src="../image/乡土中国.jpeg" alt=""></div>
                        <div class="man"><img src="../image/cadlz.jpeg" alt=""></div>
                        <div class="man"><img src="../image/星星上的人.jpeg" alt=""></div>
                    </div>
                </div>
                <div class="foot-2">
                    <button>1</button>
                    <button>2</button>
                    <button>3</button>
                    <button style="width: 80px;height: 36px;">下一页></button>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
<script src="../js/borrow.js"></script>